<?php
include ('../../datos/general.php');
include ('../../datos/conexion.php');
include ('../../datos/storeprocedure.php');
validarSession('Admin');
$conn=obtenerConexion();
?>
	<script>
	var idCarrera='';
	$(function() {
		$( "#accordion" ).accordion({
			autoHeight: false,
			navigation: true
		});
	});
	
	function cargarEscuelas(elementoCargar, estado){
		parametros="tipo="+encodeURIComponent("cargarEscuelas")+"&estado="+encodeURIComponent(estado);
		cargar (elementoCargar, "", "Admin/carreras/carreraFunciones.php", "POST", parametros, true, "");
		}
	
	function cargarSedes(){
		<?php 
			$arreglo = obtenerSede();
			$flag = true;
			foreach($arreglo AS $row){
					$flag=false;
					$respuesta .= '<input type="checkbox" name="sedes" id="'.$row['idSede'].'" value="'.$row['nombreSede'].'"> '.$row['nombreSede'].'<br>';
				}
			if($flag)
				$respuesta .= 'No hay sedes registradas';
		?>
				document.getElementsByName("respuestaCargarSedes")[0].innerHTML='<?php echo $respuesta; ?>';		
		}
		
	function cargarCarreras(idEscuela){
		parametros="tipo="+encodeURIComponent("cargarCarrreras")+"&idEscuela="+encodeURIComponent(idEscuela);
		cargar ("idCampoListaCarreras", "", "Admin/carreras/carreraFunciones.php", "POST", parametros, true, "");
		}
	
	function registrarCarrera(){
			var nombreCarrera=document.getElementById("campoNombreCarrera");
			var seleccion=document.getElementById("idescuelasLista");
			var index= seleccion.selectedIndex;
			var idEscuela= seleccion.options[index].value;
			if(idEscuela!="" && nombreCarrera.value!=""){
				parametros="tipo="+encodeURIComponent("registrar")+"&nombreCarrera="+encodeURIComponent(nombreCarrera.value)+
						   "&idEscuela="+encodeURIComponent(idEscuela);
				cargar ("respuestaRegistroCarrera", "", "Admin/carreras/carreraFunciones.php", "POST", parametros, true, "");
			}
			else {
				document.getElementById("respuestaRegistroCarrera").innerHTML="Hay datos sin completar";
				}
		}
	
	function asociarCarreraSede(){
		var nodoPadre = document.getElementsByName("sedes");
		var escuelas = document.getElementById('idCampoListaEscuelas');
		var indexEscuelas= escuelas.selectedIndex;
		var carreras = document.getElementById('idCampoListaCarreras');
		var indexCarreras= carreras.selectedIndex;
		var idSedes="";
		for(var i=0; i<nodoPadre.length; i++){
			if(nodoPadre[i].checked)
				idSedes+=nodoPadre[i].id+" ";
			}
		
		if(idSedes!="" && carreras.options[indexCarreras].value !='Limpio' && escuelas.options[indexEscuelas].value !='Limpio'){
			idSedes = idSedes.substring(0, idSedes.length-1);
			parametros="tipo="+encodeURIComponent("asociar")+"&idCarrera="+encodeURIComponent(carreras.options[indexCarreras].id)+
						   "&idSedes="+encodeURIComponent(idSedes);
			cargar ("respuestaAsociarCarreraSede", "", "Admin/carreras/carreraFunciones.php", "POST", parametros, true, "");
			}
		else {
			document.getElementById("respuestaAsociarCarreraSede").innerHTML="Hay datos sin completar";
			}

		}
		
	function limpiarCampos(lugar){
			document.getElementById("campoNombreCarrera").value="";
			if(lugar!="bd")
				document.getElementById("respuestaRegistroCarrera").innerHTML="";
		}
		
	function limpiarCamposAsociar(lugar){
		if(lugar!="bd")
			document.getElementById("respuestaAsociarCarreraSede").innerHTML="";
		var nodoPadre = document.getElementsByName("sedes");
		for(var i=0; i<nodoPadre.length; i++){
				nodoPadre[i].checked=false;
			}
		}
	
	function mostrarTabla(){
			$(".flexme3").flexigrid({
				url : 'Admin/carreras/carreraCargarTabla.php',
				dataType : 'xml',
				colModel : [{ display : 'Carrera', name : 'nombreCarrera', width : 160, sortable : true, align : 'left', process: onCellClick}, 
							{ display : 'Escuela', name : 'nombreEscuela', width : 160, sortable : true, align : 'left', process: onCellClick}, 
							{display : 'Sede', name : 'nombreSede', width : 300, sortable : true, align : 'left', process: onCellClick}],
				searchitems : [	{display : 'Carrera', name : 'nombreCarrera'},
								{display : 'Escuela', name : 'nombreEscuela'}, 
								{display : 'Sede', name : 'nombreSede'}],
				buttons : [ {name : 'Editar', bclass : 'edit',onpress : editar}],
				sortname : "nombreCarrera",
				sortorder : "asc",
				usepager : true,
				title : 'Carreras registradas',
				useRp : true,
				rp : 10,
				showTableToggleBtn : true,
				width : 620,
				height : 220,
				singleSelect: true
			});
		}
		
	function onCellClick(celDiv,id,grid){
		$(celDiv).click(function (){ocultarDiv();});
		}
	
	function editar(com, grid){
		var items = $('.trSelected', grid);
			if(items.length>0){
				idCarrera= items[0].id.substr(3);
				nombreCarrera = $('td[abbr="nombreCarrera"] >div', items).html();
				$("#divEditar").show("slow");
				cargarEscuelas('idescuelasListaEditar','0');
				document.getElementById("editarNombreCarrera").value=nombreCarrera;
				document.getElementById("editarCarreraRespuesta").innerHTML="";
				document.getElementById("editarNombreCarrera").focus();
				document.location="#moverFinal";
			}
			else alert('Debe seleccionar un registro.');
		}
	
	function ocultarDiv(){
		$("#divEditar").hide("slow");
		}
		
	function editarCarrera(){
		nombreCarrera = document.getElementById("editarNombreCarrera").value;
		var seleccion=document.getElementById("idescuelasListaEditar");
		var seleccionAux=document.getElementById("idescuelasListaEditar").value;
		var index= seleccion.selectedIndex;
		var idEscuela= seleccion.options[index].value;
		if(idEscuela!="" && nombreCarrera!="" && seleccionAux!="Limpio"){
			parametros="tipo="+encodeURIComponent("editarCarrera")+"&idCarrera="+encodeURIComponent(idCarrera)+
					   "&nombreCarrera="+encodeURIComponent(nombreCarrera)+"&idEscuela="+encodeURIComponent(idEscuela);
			cargar ("editarCarreraRespuesta", "", "Admin/carreras/carreraFunciones.php", "POST", parametros, true, "");
			}
		else {
			document.getElementById("editarCarreraRespuesta").innerHTML="Hay datos sin completar";
			}
		}
	</script>

<table id="tablaContenedora">
	<tr>
    	<td  align="center">
        	<div class="demo">
				<div id="accordion">
                	<!--Visualizar Carreras-->
                	<h3>
                    	<a href="#" onclick="limpiarCampos('');$('.flexme3').flexReload();">
                        	Ver carreras
                        </a>
                    </h3>
	                    <!-- Cargas lista de carreras en la tabla-->   
                        <div id="listaCarreras" align="left">	
                        <table class="flexme3" style="display: none"></table>
                        <script>mostrarTabla();</script>
                        <div id="divEditar" style="-moz-border-radius: 10px;-webkit-border-radius: 10px; border: 1px solid #000000; display:none" >
                        	<h3 align="center">Edite información de la carrera</h3>
                        	<table id="tablaEditar" align="center">
                            	<tr>
                                	<td align="right"><strong>Nombre:</strong></td>
                                    <td>
                                    	<input type="text" id="editarNombreCarrera" />
                                    </td>
                                </tr>
                                <tr>
                                	<td align="right"><strong>Pertenece a la escuela:</strong></td>
                                	<td>
                                    	<select name="idescuelasListaEditar" id="idescuelasListaEditar"></select>
                                    </td>
                                </tr>
                            	<tr>
                                	<td align="right"><div id="editarCampoSede" style="display:none"><strong>Sede:</strong></div></td>
                                    <td><div id="editarCargarSede"></div>
                                    </td>
                                </tr>
                            	<tr>
                                	<td colspan="2" align="right">
                                    	<button onclick="ocultarDiv()">Ocultar</button>
                                        <button id="editarBoton" onclick="editarCarrera()">Guardar cambios</button>
                                    </td>
                                </tr>
                                <tr>
                                	<td colspan="2" align="right"><label style="color:#F00" id="editarCarreraRespuesta"></label></td>
                                </tr>
                                <tr align="right">
                                	<td>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        </div> <!-- Div listaCarreras-->
                    <!--Registrar nueva Carrera-->
					<h3>
                    	<a href="#" onclick="cargarEscuelas('idescuelasLista','0');">
							Registrar nueva carrera
                        </a>
					</h3>
						<div id="registroCarrera">
                        	<table>
                            	<tr>
                                	<td align="right">
                                    	Nombre de carrera:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoNombreCarrera"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                            	<tr>
                                	<td align="right">
                                    	Pertenece a la escuela:
                                    </td>
                                	<td>
                                    	<select name="idescuelasLista" id="idescuelasLista"></select>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr align="right">
                                	<td colspan="2">
	                                    <button onclick="registrarCarrera();">Registrar</button>
                                    </td>
                                </tr>   
                                <tr align="right">
                                	<td colspan="2" id="respuestaRegistroCarrera" style="color:#F00">
                                    </td>
                                </tr>                                                            
                            </table>
						</div><!-- Div registroEscuela-->
                    <h3>
                    	<a href="#" onclick="limpiarCamposAsociar('');limpiarCampos('');cargarSedes();cargarEscuelas('idCampoListaEscuelas','1');">
                        	Asociar una carrera a una sede
                        </a>
                    </h3>
	                    <!-- Asociar uan carrera a una sede-->   
                        <div id="asocioCarrera">
                        <table>
                            	<tr>
                                	<td align="right">
                                    	Nombre de la escuela:
                                    </td>
                                    <td style="color:#F00">
                                    	<select name="idCampoListaEscuelas" id="idCampoListaEscuelas" onchange="cargarCarreras(this.value);"></select>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                            	<tr>
                                	<td align="right">
                                    	Nombre de la carrera:
                                    </td>
                                	<td>
                                    	<select name="idCampoListaCarreras" id="idCampoListaCarreras"></select>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	Sedes donde<br />se impartirá:
                                    </td>
                                	<td name="respuestaCargarSedes">
                                    
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr align="right">
                                	<td colspan="2">
	                                    <button onclick="asociarCarreraSede();">Registrar</button>
                                    </td>
                                </tr>   
                                <tr align="right">
                                	<td colspan="2" id="respuestaAsociarCarreraSede" style="color:#F00">
                                    </td>
                                </tr>                                                            
                            </table>
                        </div> <!-- Div asocioCarrera-->
				</div><!-- Div acordion -->
			</div><!-- Div demo -->
		</td><!-- columna contenedora -->
	</tr><!-- fila contenedora -->
</table><!-- Tabla contenedora -->